<html>
 <head>
  <title>Resgistration page </title>
  <!--http://twitter.github.com/bootstrap/base-css.html#forms --->
  <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
  <link rel="stylesheet" href="css/site.css">
	
  <script type="text/javascript" src="js/register.js"></script>	
  </head>
  <body>
  
  <form onSubmit="return validate(this);" name="register" >
  
  <input type="hidden" name="hiddenGender" />
   <table border="1" cellpadding="0" cellspacing="0" width="50%" align="center" class="table table-striped">
    <thead>
	 <tr>
	  <th colspan="2">Plaese Fill Of The Form Below </th> 
	 </tr>
	</thead>
	<tbody>
	 <tr>
	  <td align="right" width="40">Name :</td>
	  <td width="60"><input type="text" name="name" value="" ></td>
	 </tr>
	 <tr>
	  <td align="right">E-mail :</td>
	  <td><input type="text" value="" name="email"></td>
	 </tr>
	 <tr>
	  <td align="right">Password :</td>
	  <td><input type="password" name="password" value="" ></td>
	 </tr>
	 <tr>
	  <td align="right">Confirm Password :</td>
	  <td><input name="conPassword" type="password"></td>
	 </tr>
	 <tr>
	  <td align="right">Gender :</td>
	  <td>
	  <label><input type="radio" name="gender" value="male" onClick="document.register.hiddenGender.value='male'">Male</label>
	  <label><input type="radio" name="gender" value="female" onClick="document.register.hiddenGender.value='female'">Female</label>
	  </td>
	 </tr>
	 <tr>
	  <td align="right">Address :</td>
	  <td><textarea name="address"></textarea></td>
	 </tr>
	 <tr>
	  <td align="right">Country :</td>
	  <td>
	    <select name="country">
		 <option value="">-SELECT-</option>
		 <option value="in">India</option>
		 <option value="pk">Pakistan</option>
		 <option value="sl">Sri Lanka</option>
		 <option value="ch">China</option>
		 <option value="np">Nepal</option>
		 <option value="bh">Bhutan</option>
		</select>
	  </td>
	 </tr>
	 <tr>
	  <td align="right">Languages Known :</td>
	  <td>
	    <select multiple="true" name="langlang">
		 <option value="c">C</option>
		 <option value="cpp">C++</option>
		 <option value="java">JAVA</option>
		 <option value="php">PHP</option>
		 <option value="chash">C#</option>
		</select>
	  </td>
	 </tr>
	 <tr>
	  <td align="right">Hobbies :</td>
	  <td>
	   <div>
	     <div class="inline"><label><input type="checkbox" name="hobbies[]">Cricket</label></div>
	     <div class="inline"><label><input type="checkbox" name="hobbies[]">Hockey</label></div>
	   </div>
	   <div>
	     <div class="inline"><label><input type="checkbox" name="hobbies[]">Chess</label></div>
	     <div class="inline"><label><input type="checkbox" name="hobbies[]">Football</label></div>
	  </div>
	  <div>
	     <div class="inline"><label><input type="checkbox" name="hobbies[]">Golfs</label></div>
	     <div class="inline"><label><input type="checkbox" name="hobbies[]">Vollyball</label></div>
	  </div>
	  </td>
	 </tr>
	 <tr>
	  <td align="right">Avatar :</td>
	  <td><input type="file"></td>
	 </tr>
	 <tr>
	  <td align="right">&nbsp;</td>
	  <td align="left">
	  <input class="btn btn-large btn-primary" type="Submit" value="I am done!!" ></td>
	 </tr>
	</tbody>
   </table>
  </form>
 </body>


</html>
